{% extends "auth/base.html" %}

{% block container_outer %}
<div id="container" class="container-fluid common-margin"  style="margin-right: auto;margin-left: auto; width: 540px;">
	<style type="text/css">
		.form-group{
			display: flex;
			margin-bottom: 22px;
		}
		.form-group label{
			color: #959696;
			line-height: 36px;
			margin-right: 31px;
		}
		.form-group input{
			width: 80%;
			height: 41.25px;
		}
		.common-margin{
			margin-top: 40px;
		}
	</style>
	<div class="row">
		<div class="col-md-12" style="padding: 0">
			<div style="margin: 0 auto; width: 540px;">
				<div class="panel panel-default" style="height: 620px;">
					<div style="text-align: center;
						height: 149px;
						line-height: 204px;
						font-size: 34px;
						color: #666666;
						font-family: CenturyGothic;
						font-weight: 300;">
						注册/Sign Up
					</div>
					<div class="panel-body" style="width: 400px;margin: 0 auto;">
						<form class="form-sign" role="form">
							<div class="form-group">
								<label for="name">登录名:</label>
								<input type="text" id="name" class="form-control" required autofocus/>
							</div>
							<div class="form-group">
                                <label for="cnname">{{ _('UserName') }}:</label>
								<input type="text" id="cnname" class="form-control" required autofocus/>
							</div>
							<div class="form-group">
								<label for="email">Email:</label>
								<input type="text" id="email" class="form-control" required autofocus/>
							</div>
							<div class="form-group">
								<label for="password" style="margin-right: 44px;">密码:</label>
								<input type="password" id="password" class="form-control" required/>
							</div>
							<div class="form-group">
								<label for="repeat_password" style="margin-right: 20px;">重复密码:</label>
								<input type="password" id="repeat_password" class="form-control" required/>
							</div>
							<button class="btn btn-default btn-block" type="button" style="background-color: #f45d54;
								color: #ffffff;
								border-color: #fff;
								height: 45px;
								margin-top: 50px;
								border-radius: 8px;"
								onclick="register();">注册</button>

							<div style="margin-top: 10px;color: #959696;">
								已经有了账号? <a href="/auth/login" style="color: #f45d54;">登录</a>
							</div>
						</form>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{%endblock%}
